<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:head></h:head>
<body>
	<p:accordionPanel multiple="true" style="width:600px">
		<p:tab title="Registrar Empresa">
			<h:panelGrid columns="2" cellpadding="5">
				<h:outputLabel for="nombreEmpresa" value="Nombre Empresa:" />
				<p:inputText></p:inputText>

				<h:outputLabel for="razonSocial" value="Razón Social:" />
				<p:inputText></p:inputText>

				<h:outputLabel for="email" value="E-mail:" />
				<p:inputText></p:inputText>

				<h:outputLabel for="telefono" value="Teléfono:" />
				<p:inputMask mask="(999) 999-9999" />

				<h:outputLabel for="provincia" value="Provincia:" />
				<p:selectOneMenu value="" style="width:180px">
					<f:selectItem itemLabel="Select One" itemValue="" />
					<f:selectItem itemLabel="Option 1" itemValue="1" />
					<f:selectItem itemLabel="Option 2" itemValue="2" />
					<f:selectItem itemLabel="Option 3" itemValue="3" />
				</p:selectOneMenu>

				<h:outputLabel for="ciudad" value="Ciudad:" />
				<p:selectOneMenu value="" filter="true" filterMatchMode="startsWith"
					effect="fade" style="width:180px" panelStyle="width:150px">
					<f:selectItem itemLabel="Select One" itemValue="" />
					<f:selectItem itemLabel="Option 1" itemValue="1" />
					<f:selectItem itemLabel="Option 2" itemValue="2" />
					<f:selectItem itemLabel="Option 3" itemValue="3" />
				</p:selectOneMenu>

				<h:outputLabel for="direccion" value="Dirección:" />
				<p:inputText></p:inputText>
			</h:panelGrid>
			<p:separator id="separator"/>
			<p:commandButton value="Registrar"/>
		</p:tab>

		<p:tab title="Registrar Persona">
			<h:panelGrid columns="2" cellpadding="5">
				<h:outputLabel for="nombre" value="Nombre:" />
				<p:inputText></p:inputText>

				<h:outputLabel for="apellido" value="Apellido:" />
				<p:inputText></p:inputText>

				<h:outputLabel for="email" value="E-mail:" />
				<p:inputText></p:inputText>

				<h:outputLabel for="telefono" value="Teléfono:" />
				<p:inputMask mask="(9999) 9999999" />

				<h:outputLabel for="provincia" value="Provincia:" />
				<p:selectOneMenu value="" style="width:180px">
					<f:selectItem itemLabel="Select One" itemValue="" />
					<f:selectItem itemLabel="Option 1" itemValue="1" />
					<f:selectItem itemLabel="Option 2" itemValue="2" />
					<f:selectItem itemLabel="Option 3" itemValue="3" />
				</p:selectOneMenu>

				<h:outputLabel for="ciudad" value="Ciudad:" />
				<p:selectOneMenu value="" filter="true" filterMatchMode="startsWith"
					effect="fade" style="width:180px" panelStyle="width:150px">
					<f:selectItem itemLabel="Select One" itemValue="" />
					<f:selectItem itemLabel="Option 1" itemValue="1" />
					<f:selectItem itemLabel="Option 2" itemValue="2" />
					<f:selectItem itemLabel="Option 3" itemValue="3" />
				</p:selectOneMenu>

				<h:outputLabel for="direccion" value="Dirección:" />
				<p:inputText></p:inputText>
			</h:panelGrid>
			<p:separator id="separator"/>
			<p:commandButton value="Registrar"/>
		</p:tab>
	</p:accordionPanel>
</body>
</html>
